<template>
	<div class="home">
		<home-header></home-header>
		<home-swiper :swiperList="swiperList"></home-swiper>
		<home-icon :iconsList='iconsList'></home-icon>
		<home-location></home-location>
		<home-activity></home-activity>
		<home-hot :hotList='hotList'></home-hot>
		<home-like :likeList='likeList'></home-like>
	</div>
</template>
<script>
	import HomeHeader from './pages/header'
	import HomeSwiper from './pages/swiper'
	import HomeIcon   from './pages/icon'
	import HomeLocation from './pages/location'
	import HomeActivity from './pages/activity'
	import HomeHot from './pages/hot'
	import HomeLike from './pages/like'
	export default{
		components:{
			HomeHeader,
			HomeSwiper,
			HomeIcon,
			HomeLocation,
			HomeActivity,
			HomeHot,
			HomeLike
		},
        data () {
            return {
                swiperList:[],
                iconsList:[],
                hotList:[],
                likeList:[],
            }
        },
		mounted:function(){
		    var that = this;
		    this.$http.get("/api/dataHome.json").then(function(res){
		        const _data = res.data.data[0];
		        console.log( _data.swiperList)
                that.swiperList = _data.swiperList;
                that.iconsList = _data.iconsList;
                that.hotList = _data.hotList;
                that.likeList = _data.likeList;
			})
		}
	}
</script>
<style scoped>
.home{
	background:#f5f5f5;
}
</style>